<template>
	<view>
		<view class="ul">
			<view class="li"><text>公众号：</text></view>
			<view class="li"><text>粉丝数：</text></view>
			<view class="li"><text>女粉比例：</text></view>
			<view class="li"><text>投放时间：</text></view>
			<view class="li"><text>预约起始：</text></view>
			<view class="li"><text>预约截止：</text></view>
			<view class="li"><text>保留时间：</text></view>
			<view class="li"><text>栏位位置：</text></view>
			<view class="li"><text>标价：</text></view>
			<view class="li"><text>推送时间：</text></view>
			<view class="li"><text>广告员：</text></view>
			<view class="li"><text>联系方式：</text></view>
			<view class="li"><text>备注：</text></view>
			<view class="li"><text>文章标题：</text></view>
			<view class="li"><text>文章阅读量：</text></view>
			<view class="li"><text>获得粉丝数：</text></view>
			<view class="li"><text>出单数：</text></view>
		</view>
		<!-- <view class="button" @click="open">立即预约</view> -->
		<view class="go-top" v-show="is_go_top" @click="backTop"><image src="/static/img/go_top.png" /></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			is_go_top:false
		};
	},
	onPageScroll: function(e) {
		//nvue暂不支持滚动监听，可用bindingx代替
		if (e.scrollTop > 200) {
			this.is_go_top = true;
		} else {
			this.is_go_top = false;
		}
	},
	methods: {
		// 计算距离顶部的高度，均分10等分，
		backTop() {
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 200
			});
		},
	}
};
</script>

<style lang="less" scoped>
.ul {
	margin: 34rpx 20rpx;
	background: #fff;
	padding: 0 20rpx;
	border-radius: 20rpx;
	box-shadow: 5rpx 0px 20rpx #c5c5c5;
	.li {
		border-bottom: 1px solid #efefef;
		line-height: 109rpx;
		color: #999999;
		font-size: 26rpx;
		text {
			display: inline-block;
			width: 200rpx;
			color: #333333;
			font-size: 28rpx;
		}
	}
	.li:nth-last-child(1) {
		border-bottom: none;
	}
}
.button {
	height: 90rpx;
	line-height: 90rpx;
	margin: 84rpx 20rpx 30rpx;
	text-align: center;
	color: #ffffff;
	border-radius: 50px;
	font-size: 32rpx;
	background: linear-gradient(90deg, #d2158a, #fc6395);
}
</style>
